<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>编辑用户</title>

<meta name="pragma" content="no-cache">
<meta name="cache-control" content="no-cache">
<meta name="expires" content="0">

	<div th:replace="~{commons/script::script}"></div>
<!--	<script type="text/javascript" th:src="@{/jquery.serializejson.min.js}"></script>-->
</head>

<body >
	<section class="info-section">
		<form id="form" method="post">
			<table>
				<tr>
					<td class="text-title">用户名：</td>
					<td class="text-content">
						<input type="hidden" name="id" th:value="${user.id }">
						<input type="text" name="username" th:value="${user.username }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true,validType:'length[6,20]'">
					</td>
				</tr>

<!--				<tr style="display:${empty userVO ? 'table-row' : 'none'};">-->
				<tr style="display:table-row">

				<td class="text-title">密码：</td>
					<td class="text-content">
						<input type="password" name="password" th:value="${user.password }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true,validType:'length[6,20]'">
					</td>
				</tr>

				<tr>
					<td class="text-title">联系电话：</td>
					<td class="text-content">
						<input type="text" name="phone" th:value="${user.phone }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true">
					</td>
				</tr>
				<tr>
					<td class="text-title">电子邮箱：</td>
					<td class="text-content">
						<input type="text" name="email" th:value="${user.email }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true,validType:'email'"></td>
				</tr>
				<tr>
					<td class="text-title">排序编号：</td>
					<td class="text-content">
						<input type="text" name="sortNum" th:value="${user.sortNum }"
							class="easyui-textbox theme-textbox-radius" data-options="required:true">
					</td>
				</tr>
				<tr>
					<td class="text-title">用户状态：</td>
					<td class="text-content">
						<select name="status" class="easyui-combobox theme-textbox-radius">
							<option value="1" th:selected="${user.status==1?true:false}">正常</option>
							<option value="0" th:selected="${user.status==0?true:false}">禁用</option>
							<option value="2" th:selected="${user.status==2?true:false}">已删除</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="text-title">描述信息：</td>
					<td class="text-content">
						<textarea class="theme-textbox-radius" rows="5"  cols="20" name="userNote" th:text="${user.userNote}"></textarea></td>
				</tr>
				<!-- 因为用户关联信息不需要修改，但是如果没有把这些信息传递给服务器端，hibernate对数据进行更新时就会把对应条目设置为null值 -->

<!--				<tr style="display: none;">-->
<!--					<td colspan="2">-->
<!--&lt;!&ndash;						<input type="hidden" name="roleIds" value="${user.roleIds}">&ndash;&gt;-->
<!--						<input type="hidden" name="createBy" th:value="${user.createBy}">-->
<!--						<input type="hidden" name="updateBy" th:value="${user.updateBy}">-->
<!--						<input type="hidden" name="createTime" th:value="${user.createTime}">-->
<!--					</td>-->
<!--				</tr>-->
				<tr>
					<td colspan="2" style="text-align: center;margin-top: 10px;">
<!--						<a href="javascript:void(0);" id="saveBtn" class="easyui-linkbutton button-primary">保存</a>-->
						<button  id="saveBtn" class="easyui-linkbutton button-primary">保存</button>
						<a href="javascript:void(0);" id="resetBtn" class="easyui-linkbutton button-danger">重置</a>
					</td>
				</tr>
				</table>
		</form>
	</section>
	<script type="text/javascript">
		$(function() {
			//重置按钮
			$("#resetBtn").on("click",function(event){
				$("#form").form("reset");
			});
			//保存按钮
			$("#saveBtn").on("click", function(event) {
				event.preventDefault();
				// $("#form").form("submit", {
				// 	url : "/system/updateUser",
				// 	onSubmit : function() {
				// 		//对表单进行数据校验,如果未通过校验，返回false，阻止表单提交
				// 		return $(this).form("validate");
				//
				// 	},
				// 	success : function(data) {
				// 		//data未服务器端返回的字符串数据，eval将字符串数据转换为json对象
				// 		data = eval("(" + data + ")");
				// 		if (data.success) {
				// 			parent.closeTopWindow();
				// 		}
				// 	}
				// });
				$.post("/system/updateUser",$("#form").serialize(),function(data){
					if(data.success){
						parent.closeTopWindow();
					}
				},"json");

			});
		});
	</script>
</body>
</html>
				